<template>
    <div id="about">
      <div class="demo">
        <about-item></about-item>
        <router-view></router-view>
      </div>
    </div>

</template>

<script>
  import SideBar from "../components/content/sideBar/sideBar";
  import NavBarItem from "../components/common/navBarItem/navBaritem";
  import Foot from "../components/content/footer/foot";
  import Profile from "../components/content/about/profile";
  import AboutItem from "../components/content/about/aboutItem";

  export default {
    name: "about",
    components: {AboutItem, Profile, Foot, NavBarItem, SideBar}
  }
</script>

<style scoped>
#about{
  /*height: 2000px;*/
}
  .demo{
    margin: 0 auto;
    text-align: center;
    /*background-color: #C40000;*/
    /*height: 1000px;*/
  }

</style>
